<template>
	<view class="content">
		<!-- 
		状态栏高度status-bar :ios 90,android 50
		searchList-warp ios:padding-top:376 , android 336
		 -->
		<view class="searchFixed" :class="{'fixedHeight':isHeight}">
			<view class="status-bar" @touchmove="clearList()" :style="{'height': isios ? '90rpx' : '50rpx'}"></view>
			<view class="search-header" style="position: relative;">
				<view class="search-back">
					<uni-icons type="arrowleft" color="#ffffff" size="24" @click="toBack"></uni-icons>
				</view>
				<view class="search-box">
					<uni-icons type="search" color="#fff" size="24"></uni-icons>
					<view style="flex-direction: row;  flex: 1; display: flex; align-items: center;">
						<input type="text" placeholder="搜索您相关“产品”的关键词" class="search-input" @confirm="confirm"
							v-model="keywords" placeholder-style="color:#fff;" auto-blur="true"
							@input="getAutocompleteList(keywords)" @blur="clearAutocompleteList"
							@focus="isHeight = true" />
						<icon type="cancel" color="#fff" size="20" v-if="keywords.length>0" @click="clearIcon"></icon>
					</view>
					<text class="search-btn" @click="searchClick">搜索</text>
				</view>
				<scroll-view class="search-history" v-show="AutocompleteList.length" :scroll-top="searchScrollTop"
					scroll-y="true" @scroll="searchScroll">
					<view class="history-list" v-for="(word,index) in AutocompleteList" :key="index"
						@tap.stop="searchByCompleteKeyWord(word.title)" @touchmove="clearListTimeStatus">
					    <view v-html="Completeheighthtml(keywords,word.title)" class="hot-list_item"></view>
					</view>
				</scroll-view>
			</view> 
			<view style="width: 100%; position: relative; height: 100%;" @touchmove="clearList()">
				<view class="searchFilter">
					<view class="Filter-tab">
						<view :class="titleActived2?'Filter-tab_item on':'Filter-tab_item'"
							@click="togglePopup('Ref2')">
							<text class="Filter-text">{{this.newsdiqu.toString()}}</text>
							<text class="Filter-arrowdown"></text>
						</view>
						<view :class="titleActived1?'Filter-tab_item on':'Filter-tab_item'" @click="togglePopup('Ref1')"
							style="min-width: 186rpx;">
							<text class="Filter-text">{{zhaobiaotypetostr(newstype.toString())}}</text>
							<text class="Filter-arrowdown"></text>
						</view>
						<view :class="titleActived3?'Filter-tab_item on':'Filter-tab_item'"
							@click="togglePopup('Ref3')">
							<text class="Filter-text">{{shaixuanfanwei}}</text>
							<text class="Filter-arrowdown"></text>
						</view>
						<view :class="titleActived4?'Filter-tab_item on':'Filter-tab_item'" @click="togglePopup('Ref4')"
							style="min-width: 120rpx;">
							<text class="Filter-text">{{this.shaixuan}}</text>
							<text class="Filter-arrowdown"></text>
						</view>

					</view>
				</view>
				<!-- 信息类别 -->
				<popup-layer ref="popupRef1" :direction="'bottom'" v-on:Tocancel="cancel" :autoClose="true"
					class="searchPopup" :isTransNav="isTransNav" :navHeight="navHeight" :tabHeight="tabHeight">
					<view class="timeType">
						<view class="timeType-title">信息类型<text style="color: #c9c9c9;">(可多选)</text></view>
						<view class="timeType-item">
							<view class="timeType-bage">
								<!-- v-model="newstype" -->
								<view v-for="(infortype,index) in selectTypelist" :key="index" >
									<uni-tag :inverted="isInArray(newstype,infortype.value)?false:true"
										:text="infortype.title" type="primary" :key="index"
										@clickFn="checkType(index,infortype)" class="xinxileixing_tag" />
								</view>
							</view>
						</view>
						<view class="information-btn">
							<view class="btn-reset" @click="resetbutton('leixing')">重置</view>
							<view class="btn-confirm" @click="queren('leixing')">确认</view>
						</view>
					</view>
				</popup-layer>
				<!-- 地区 -->
				<popup-layer ref="popupRef2" :direction="'bottom'" v-on:Tocancel="cancel" :autoClose="true"
					:isTransNav="isTransNav" :navHeight="navHeight" class="searchPopup">
					<view class="areapopup">
						<view class="Information-title-search" style="text-align: left; padding:20rpx 30rpx; ">
							地区选择</view>
						<view class="Information-wrap">
							<view class="Information-wrap-tabbar">
								<scroll-view scroll-y="true" style="height: 600rpx;">
									<view :class="currentquyu==''?'tabbar-item active':'tabbar-item'"
										@click="diquchange()">全国</view>
									<view
										:class="['tabbar-item', { 'active': currentquyu==region_1.region_id , 'current': checkCurrentProvince(region_1.region_id) }]"
										v-for="(region_1,index) in regionJson" :key="index"
										@click="diquchange(region_1)">
										{{region_1.region_name}}
									</view>
								</scroll-view>
							</view>
							<view class="Information-wrap-tabtext">
								<scroll-view scroll-y="true">
									<view
										style="display: flex; flex-wrap: wrap; flex-direction: row; margin-left: 10rpx;">
										<view v-if="currentquyu==''" class="urban-list urban-all active">全国</view>
										<view v-else
											:class="checkAllCity(currentquyu)?'urban-list urban-all active':'urban-list urban-all'"
											@click="cityChange()">本地区所有城市</view>
										<view @click="cityChange(area)"
											:class="isInArray(cityCheckedArray,area.region_id) ?'urban-list active':'urban-list'"
											v-for="(area,index) in arealist" :key="area.value">
											{{ area.region_name }}
										</view>

									</view>
								</scroll-view>
							</view>
						</view>
						<view class="information-btn">
							<view class="btn-reset" @click="resetbutton('diqu')">重置</view>
							<view class="btn-confirm" @click="queren('diqu')">确认</view>
						</view>
					</view>
				</popup-layer>
				<!-- 更多筛选 -->
				<popup-layer ref="popupRef4" :direction="'bottom'" :isTransNav="isTransNav" :navHeight="navHeight"
					:tabHeight="tabHeight" v-on:Tocancel="cancel" :autoClose="true" class="searchPopup">
					<view class="shaixType">
						<view class="timeType-title">搜索模式 <text class="huiyuan_label" v-show="!isHuiyuan">会员专属</text>
						</view>
						<view class="moreShaixuan">
							<view class="shaix-list" :class="{'shaixuancheck':mod==0}" @click="checkmod(0)">智能搜索</view>
							<view class="shaix-list" :class="{'shaixuancheck':mod==1}"
								v-if="!this.baseConfig.isIOSshenhe" @click="checkmod(1)">精准搜索</view>
						</view>
						<view class="timeType">
							<view class="timeType-title">时间选择</view>
							<view class="timeType-item">
								<view class="timeType-bage">
									<!--  v-model="newstime" -->
									<view v-for="(timeItem,idx) in selectTimeList" :key="idx">
										<uni-tag class="xinxileixing_tag" :inverted="timeItem.inverted?true:false"
											:text="timeItem.title"  type="primary" :key="idx"
											@clickFn="checkTime(idx,selectTimeList)" />
									</view>
								</view>
							</view>
						</view>
						<view class="information-btn information-btn2">
							<view class="btn-confirm" @click="queren('shaixuan')">确认</view>
						</view>
					</view>
				</popup-layer>
				<!-- 时间 -->
				<popup-layer ref="popupRef3" :direction="'bottom'" :isTransNav="isTransNav" :navHeight="navHeight"
					:tabHeight="tabHeight" v-on:Tocancel="cancel" :autoClose="true" class="searchPopup">
					<view class="shaixType" style="padding-bottom: 30rpx;">
						<view class="timeType-title">搜索范围<text style="color: #c9c9c9;">(点击即可)</text></view>
						<view class="moreShaixuan">
							<view class="shaix-list" :class="{'shaixuancheck':tag==0}" @click="checktag(0,'全文+附件')">
								全文+附件</view>
							<view class="shaix-list" :class="{'shaixuancheck':tag==2}" @click="checktag(2,'全文')">全文
							</view>
							<view class="shaix-list" :class="{'shaixuancheck':tag==1}" @click="checktag(1,'标题')">标题
							</view>
						</view>
					</view>
				</popup-layer>


			</view>
		</view>


		<view class="searchList-warp" @touchmove="clearList" :style="{'paddingTop': isios ? '340rpx' : '300rpx'}">
			<view class="refresh-box" v-show="refreshBefore || refreshAfter">
				<view class="refresh-text" v-if="refreshBefore">
					<u-loading-icon text="加载中..." textSize="14" color="#2F6DFE" textColor="#2F6DFE"></u-loading-icon>
				</view>
				<view class="refresh-text" v-if="refreshAfter && refreCount > 0">数据已更新，共计<text
						style="color: #FE6B2F;">{{refreCount}}</text>条商机信息</view>

			</view>
			<view class="content_list" v-if="newsList.length">
				<view class="uni-list">
					<view v-for="(item, index) in newsList" :key="index" class="news-item" @click="navToDetails(item)">
						<view class="news-media-list" :class="{ hasVisited: showGray(item) }">
							<view class="title">
								<!-- <text class="infor-title" v-html="heighthtml(item.title)"></text> -->
								<view class="infor-title" v-html="heighthtml(item.title)"></view>
								<!-- 附件 -->
								<view class="fujian-label" v-if="item.fujian==2">
									<u-icon name="attach" size="16"></u-icon> 附件
								</view>
								<!-- 标书 -->
								<view class="fujian-label" v-if="item.fujian==1">
									<u-icon name="attach" size="16"></u-icon> 标书
								</view>
								<div style="clear: both;"></div>
							</view>
							<template v-if="item.yezhu  && item.yezhu != '-' && item.type == 1">
								<view class="danwei">
									<view class="zhaobiaoDw" v-if="!isHuiyuan" >
										招标业主：<text
											style="filter: blur(5px);">{{item.yezhu.substring(0,8)}}</text>{{item.yezhu.slice(-2)}}
									</view>
									<view class="zhaobiaoDw" v-if="isHuiyuan">
										招标业主：{{item.yezhu}}
									</view>
									<view class="lxfs">联系方式</view>
								</view>
								
							</template>
							<template v-if="item.news_zhongbiao  && item.news_zhongbiao !='-' && item.type == 4">
								<view class="danwei">
									<view class="zhaobiaoDw" v-if="!isHuiyuan">
										{{item.isZbhxr?'候选人':'供应商'}}：<text
											style="filter: blur(5px);">{{item.news_zhongbiao.substring(0,8)}}</text>{{item.news_zhongbiao.slice(-2)}}
									</view>
									<view class="zhaobiaoDw" v-if="isHuiyuan">
										{{item.isZbhxr?'候选人':'供应商'}}：{{item.news_zhongbiao}}
									</view>
									<view class="lxfs">联系方式</view>
								</view>
							</template>

							<template v-if="item.type == 3 || item.type == 12">
								<view class="zhaobiaoDw" v-if="item.xmdw.includes('**')">
									项目单位：<text
										style="filter: blur(5px);">{{item.xmdw.substring(0,8)}}</text>{{item.xmdw.slice(-2)}}
								</view>
								<view class="zhaobiaoDw" v-else>
									项目单位：{{item.xmdw}}
								</view>
								<view class="zhaobiaoDw" v-if="item.lxrCount > 0">
									联系方式：共有<text style="color: #106CFF;">{{item.lxrCount}}位联系人</text>
								</view>
								<view class="zhaobiaoDw" v-if="item.gjCount > 0">
									项目情况：共有<text style="color: #106CFF;">{{item.gjCount}}条项目跟进记录</text>
								</view>
							</template>
							<view class="xmgk" v-if="(item.news_end_time)">
								{{item.type == 2 ? '预计采购' : '截至时间'}}：{{item.type == 2 ? item.news_end_time.slice(0,7) : item.news_end_time.slice(0,10) }}
								<text style="margin-left: 30rpx;">详情见正文</text>
							</view>
							<view class="bot">
								<view class="bot-intro">
									<view class="bot-text author">
										{{item.typeStr}}
									</view>
									<view class="bot-text">
										{{item.diquStr}}
									</view>
									<view class="bot-text" v-if="item.type == 12">
										{{item.jieduan}}
									</view>
									<view class="bot-text" v-if="item.news_zbje_show !== '--' && item.type == 1">
										{{item.news_zbje_show}}
									</view>

									<view class="bot-text"
										v-if="item.news_zhongbiaojine_show !== '--' && item.type == 4">
										{{item.news_zhongbiaojine_show}}
									</view>
								</view>

								<view class="bot-time">{{item.time}}
								</view>
							</view>

						</view>
					</view>
				</view>
			</view>
			<view class="nullWrap" v-if="!newsList.length && status == 'noMore' && !refreshBefore">
				<image src="https://img.bidcenter.com.cn/uni/null.png" mode="widthFix" style="width: 558rpx;">
				</image>
				<view style="padding: 20rpx 0;">暂无相关数据</view>
				<view>可<text style="color: #F34C4C;">更换关键词</text>或<text style="color: #F34C4C;">调整搜索条件</text>获取更多信息
				</view>
			</view>
			<!-- 上滑加载更多组件 -->
			<uni-load-more :status="status" :icon-size="16" :content-text="contentText" />
		</view>
		<!-- 免费用户不可使用精准搜索时进行弹窗 -->
		<uni-popup ref="huiyuanPopup" :type="type" :is-mask-click="true">
			<view class="jzss-box">
				<view class="jingzhunsousuo">
					<view class="jzss-top">
						<image src="/static/img/search/wufashiyong.png" mode="widthFix"></image>
						<view>开通标准会员，找商机更准确</view>
					</view>
					<view class="jzss-middle">
						<view class="tequan-top">
							<image src="/static/img/search/tequan.png" mode="widthFix" class="title-img"></image>
							<text>更多会员特权</text>
						</view>
						<view class="tequan-list">
							<view class="tequan-item">
								<image src="/static/img/search/tequan1.png" mode="widthFix"></image>
								<view class="tequan-infor">
									<view class="tequan-title1">海量更新</view>
									<view class="tequan-title2">全国10万条招标信息同步更</view>
								</view>
							</view>
							<view class="tequan-item">
								<image src="/static/img/search/tequan2.png" mode="widthFix"></image>
								<view class="tequan-infor">
									<view class="tequan-title1">及时推送</view>
									<view class="tequan-title2">项目订阅，及时推送不漏标</view>
								</view>
							</view>
							<view class="tequan-item">
								<image src="/static/img/search/tequan3.png" mode="widthFix"></image>
								<view class="tequan-infor">
									<view class="tequan-title1">行业细分</view>
									<view class="tequan-title2">所有行业招标信息细分展示</view>
								</view>
							</view>
							<view class="tequan-item">
								<image src="/static/img/search/tequan4.png" mode="widthFix"></image>
								<view class="tequan-infor">
									<view class="tequan-title1">人脉搭建</view>
									<view class="tequan-title2">轻松联系全国各项目负责人</view>
								</view>
							</view>
						</view>
					</view>
					<view class="jzss-bottom">
						<view class="bottom_tips">92%选择开通会员的用户，共签单15万次</view>
						<view class="bottom_btn" @click="jiesuoqx">最低只需99元，立即查看</view>
					</view>
				</view>
				<view class="huiyuan_close" @click="huiyuanPopup_close()">
					<image src="/static/img/search/quanxian-close.png" class="close-img"></image>
				</view>
			</view>
		</uni-popup>

		<u-back-top :scroll-top="scrollTop" top="100" right="15" :z-index='8'
			:iconStyle="{width: '108rpx',height: '108rpx'}"
			icon="https://img.bidcenter.com.cn/uni/home/top.png"></u-back-top>
	</view>
</template>

<script>
	import data_newstype from '@/common/static/data-newstype.js';
	// import uniNavBar from '@/components/uni-nav-bar/uni-nav-bar.vue';
	// import uniIcons from '@/components/uni-icons/uni-icons.vue';
	// import EvanCheckbox from '@/components/evan-checkbox/evan-checkbox.vue';
	// import EvanCheckboxGroup from "@/components/evan-checkbox/evan-checkbox-group.vue";
	import data_timelist from '@/common/static/data-timelist.js';
	import uniTag from '@/components/uni-tag/uni-searchlist-tag.vue';
	import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
	// import highlight from '@/components/helang-highlight/helang-highlight.vue';
	import commonjs from '@/common/script/common.js';
	import popupLayer from '@/components/sl-filter/popup-layer.vue';
	import {
		clickedObj
	} from '@/util/index.js'
	// 地区联动
	// import region from "data";
	import Autocomplete from '@/mixins/Autocomplete.js'
	export default {
		components: {
			// uniNavBar,
			// uniIcons,
			// EvanCheckbox,
			// EvanCheckboxGroup,
			uniTag,
			uniLoadMore,
			//highlight,
			popupLayer,
		},
		props: {
			isTransNav: {
				type: Boolean,
				default: false
			},
		},

		data() {
			return {
				isios: false,
				showClearIcon: false,
				isHeight: true,
				isFixed: false,
				Islogo: true,
				Issearch: false,
				titleActived1: false,
				titleActived2: false,
				titleActived3: false,
				titleActived4: false,
				tabHeight: 50,
				keys: "",
				color: "#FD463E",
				weight: false,
				pagesize: 20,
				pageindex: 1,
				newsList: [],
				// areas: '',
				types: '',
				time: 0,
				status: 'more',
				contentText: {
					contentdown: '上拉加载更多',
					contentrefresh: '加载中',
					contentnomore: ''
				},
				isSelected: true,
				keywords: '',
				current: 0,
				type: '',
				newsdiqu: ['全国'],
				newstype: ['9999'],
				newstime: [],
				currentquyu: '',
				currentType: '全部',
				extent: '',
				mod: 0,
				shaixuan: "更多筛选",
				tag: 0,
				nexttoken: '',
				clickedid: [],
				area: [{
					"全国": {
						"val": 0,
						"items": [{
							value: '全国',
							title: '全国'
						}]
					},
					"华东": {
						"val": 1,
						"items": [{
							value: '上海',
							title: '上海'
						}, {
							value: '江苏',
							title: '江苏'
						}, {
							value: '浙江',
							title: '浙江'
						}, {
							value: '安徽',
							title: '安徽'
						}, {
							value: '福建',
							title: '福建'
						}, {
							value: '江西',
							title: '江西'
						}, {
							value: '山东',
							title: '山东'
						}, {
							value: '台湾',
							title: '台湾'
						}]
					},
					"华北": {
						"val": 2,
						"items": [{
							value: '北京',
							title: '北京'
						}, {
							value: '天津',
							title: '天津'
						}, {
							value: '河北',
							title: '河北'
						}, {
							value: '山西',
							title: '山西'
						}, {
							value: '内蒙古',
							title: '内蒙古'
						}]
					},
					"东北": {
						"val": 3,
						"items": [{
							value: '辽宁',
							title: '辽宁'
						}, {
							value: '吉林',
							title: '吉林'
						}, {
							value: '黑龙江',
							title: '黑龙江'
						}]
					},
					"华南": {
						"val": 4,
						"items": [{
							value: '广东',
							title: '广东'
						}, {
							value: '广西',
							title: '广西'
						}, {
							value: '海南',
							title: '海南'
						}, {
							value: '香港',
							title: '香港'
						}, {
							value: '澳门',
							title: '澳门'
						}]
					},
					"西北": {
						"val": 5,
						"items": [{
							value: '陕西',
							title: '陕西'
						}, {
							value: '甘肃',
							title: '甘肃'
						}, {
							value: '青海',
							title: '青海'
						}, {
							value: '宁夏',
							title: '宁夏'
						}, {
							value: '新疆',
							title: '新疆'
						}]

					},
					"西南": {
						"val": 6,
						"items": [{
							value: '重庆',
							title: '重庆'
						}, {
							value: '四川',
							title: '四川'
						}, {
							value: '贵州',
							title: '贵州'
						}, {
							value: '云南',
							title: '云南'
						}, {
							value: '西藏',
							title: '西藏'
						}, ]

					},
					"华中": {
						"val": 7,
						"items": [{
								value: '河南',
								title: '河南'
							},
							{
								value: '湖北',
								title: '湖北'
							},
							{
								value: '湖南',
								title: '湖南'
							}
						]
					},
				}],
				arealist: [],
				selectTimeList: data_timelist,
				selectTypelist: data_newstype.tabListNoBiaoshu,
				currRef: '',
				regionJson: this.areas,
				currCheckedArea: [],
				cityCheckedArray: [],
				areacodeArray: [], //地区编码,省：两位 市：四位 
				type: 'center',
				isAllowed: false,

				scrollTop: 0,
				oldScrollTop: 0,
				iconStyle: {
					fontSize: '40rpx',
					color: '#2979ff',
				},
				isPullLoading: false,
				clickedObj,
				clickid: '',
				isHuiyuan: false,
				isShowBtm: false,
				isShowbackTop: false,
				isLoadingTop: true,
				isTriggeredTop: true,
				refreshBefore: false,
				refreshAfter: false,
				isPullDownRefreshing: false,
				refreCount: 0,
				navHeight: 0,
				shaixuanfanwei: '全文+附件',
				initTagType:'primary'
			}
		},
		// watch:{
		// 	"getApp().areas":{
		// 		handler(a,b){
		// 			console.log('a',a)
		// 		},
		// 		imemediate:true,
		// 	}
		// },
		onLoad(options) {
			if (uni.getSystemInfoSync().platform == 'ios') {
				this.isios = true;
			}
			console.log(options.keysword)
			if (options.keysword != undefined && options.keysword != '') {
				this.keywords = decodeURIComponent(options.keysword);
			}
			//绑定参数
			switch (options.t) {
				case "1":
					this.currentType = "查招标";
					this.newstype = ['1', '2', '5', '6'];
					break;
				case "3":
					this.currentType = "查拟建";
					this.newstype = ['3', '12'];
					break;
				case "4":
					this.currentType = "查中标";
					this.newstype = ['4'];
					break;
				default:
					break;
			}
			this.getList("refresh");
		},
		mounted() {		
		
			const query = uni.createSelectorQuery().in(this);
			query.select('.searchFixed').boundingClientRect(data => {
				this.tabHeight = data.height - 5
			}).exec();
		},
		onPullDownRefresh() {
			let _self = this
			uni.stopPullDownRefresh(); //停止当前页面下拉刷新
			_self.refreshBefore = true
			_self.getList("pulldown");
		},
		onReachBottom() {
			this.getList("add");
		},
		onUnload() {
			uni.hideNavigationBarLoading(); //关闭加载动画
		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
		},
		mixins: [Autocomplete],
		computed: {
			showGray() {
				return item=> {
					let data = false;
					const id = item.njid ? item.njid : item.id

					if (item.njid) {
						data = this.clickedObj.pro.get() && this.clickedObj.pro.get().includes(item.njid);
					} else {
						data = this.clickedObj.bx.get() && this.clickedObj.bx.get().includes(item.id);
					}
					return data || this.clickid === item.id;
				}
			},
		},
		methods: {
			clearIcon: function() {
				this.keywords = "";
			},
			heighthtml(cont) {
				if (this.keys === '') {
					return cont;
				}
				var keyarr = this.keys.split(',');
				for (var i = 0; i < keyarr.length; i++) {
					if (keyarr[i] != '') {
						if (keyarr[i].length == 1 && /[\da-zA-Z]/.test(keyarr[i]))
							continue;

						var reg = new RegExp((`(${keyarr[i]})`), "gm");
						var color = this.color;
						var weight = this.weight ? 'bold' : '800';
						var replace = '<span style="color:' + color + ';font-weight: ' + weight + ';">$1</span>';
						cont = cont.replace(reg, replace)
					}
				}
				return cont;
			},
			returnPage() {
				uni.navigateBack({
					delta: 1
				})
			},
			togglePopup(open) {
				this.isHeight = false;
				if (this.currRef != '' && this.currRef != open) {
					this.$refs['popup' + this.currRef].close();
				}
				this.currRef = open;
				this.$nextTick(() => {
					this.$refs['popup' + open].show()
				})
			},
			cancel(type) {
				this.isHeight = true;
				//this.$refs['popup' + type].close()
			},
			//切换地区
			diquchange(e) {
				if (e) {
					this.currentquyu = e.region_id;
					this.arealist = this.objToArr(this.regionJson[e.region_id].child);
					//console.log(this.arealist)
					this.arealist = this.arealist.filter(item => {
						return (item.region_name != "县" && item.region_name != "省直辖县级行政区划" && item.region_name !=
							"自治区直辖县级行政区划");
					})
					//console.log(this.arealist)
				} else {
					this.currentquyu = "";
					this.arealist = [];
					this.currCheckedArea = [];
					this.cityCheckedArray = []
				}
			},
			cityChange(e) {
				if (e) {
					if (this.isInArray(this.cityCheckedArray, e.region_id)) {
						this.cityCheckedArray = this.cityCheckedArray.filter(item => {
							return item != e.region_id;
						})
					} else {
						this.cityCheckedArray.push(e.region_id);
					}
				} else {
					if (this.checkAllCity(this.currentquyu)) {
						this.arealist.forEach(itemarea => {
							this.cityCheckedArray = this.cityCheckedArray.filter(item => {
								return itemarea.region_id != item;
							})
						})
					} else {
						this.arealist.forEach(item => {
							if (!this.isInArray(this.cityCheckedArray, item.region_id)) {
								this.cityCheckedArray.push(item.region_id)
							}
						})
					}
				}
				//判断当前省份是否已经存在
				//console.log(this.cityCheckedArray)
				var hascurrsheng = false
				for (var i = 0; i < this.currCheckedArea.length; i++) {
					if (this.currCheckedArea[i].region_id == this.currentquyu) {
						hascurrsheng = true;
						break;
					}
				}
				var area = [];
				this.arealist.forEach(item => {
					if (this.isInArray(this.cityCheckedArray, item.region_id)) {
						area.push(item.region_id)
					}
				})

				var isall = (area.length >= this.arealist.length);
				if (hascurrsheng) {
					this.currCheckedArea.forEach(item => {
						if (item.region_id == this.currentquyu) {
							item.child = area;
							item.isall = isall;
						}
					})
				} else {
					var obj = {};
					obj.region_id = this.currentquyu;
					obj.child = area;
					obj.isall = isall;
					this.currCheckedArea.push(obj)
				}
				if (area.length <= 0) {
					this.currCheckedArea = this.currCheckedArea.filter(item => {
						return item.region_id != this.currentquyu;
					})
				}
				// console.log(this.currCheckedArea)
				// console.log(this.cityCheckedArray)
			},
			checkAllCity(code) { //判断当前地区是否为全选
				var flag = false;
				if (this.currCheckedArea && this.currCheckedArea.length > 0) {
					this.currCheckedArea.forEach(item => {
						if (item.region_id == code) {
							flag = item.isall;
							return flag;
						}
					})
				}
				return flag;
			},
			checkCurrentProvince(code) { //判断当前省份是否被选中
				var flag = false;
				if (this.currCheckedArea && this.currCheckedArea.length > 0) {
					for (var i = 0; i < this.currCheckedArea.length; i++) {
						if (this.currCheckedArea[i].region_id == code && this.currCheckedArea[i].region_id != this
							.currentquyu) {
							flag = true;
							break;
						}
					}
				}
				return flag;
			},
			onDiquChange(evt) { //所选地区
				if (evt[evt.length - 1] == '全国') {
					this.newsdiqu = ['全国'];
				}
				if (this.newsdiqu.length > 1) {
					if (this.isInArray(this.newsdiqu, "全国")) {
						this.newsdiqu = this.newsdiqu.filter(item => {
							return item != '全国';
						})
					}
				}
			},
			checkType(idx, list) { //信息类型
				let logT = [];
				if (this.isInArray(this.newstype, list.value)) {
					this.newstype = this.newstype.filter(item => {
						return item != list.value;
					})
				} else {
					this.newstype.push(list.value)
				}

				if (this.newstype[this.newstype.length - 1] == '9999') {
					this.newstype = ['9999'];
				}
				if (this.newstype.length > 1) {
					if (this.isInArray(this.newstype, "9999")) {
						this.newstype = this.newstype.filter(item => {
							return item != '9999';
						})
					}
				}
				// console.log(this.newstype);
			},
			checkTime(idx, list) { //时间类型
				if (data_timelist[idx].inverted) {
					if (data_timelist[idx].inverted){
						data_timelist[idx].inverted = false;
						//this.initTagType = 'primary'
					}else{
						data_timelist[idx].inverted = true;
						//this.initTagType = 'default'
					}
					console.log(idx)
					console.log(list)
						
					for (let i = 0; i < list.length; i++) {
						if (idx == i) {
							list[i].inverted = false;
							this.time = list[i].value;
							//this.initTagType = 'default'
							// console.log(this.time);
						} else {
							list[i].inverted = true;
							//this.initTagType = 'primary'
						}
					}
					// this.getList("refresh");
				}

			},
			checkmod(type) {
				//var isHuiyuan = uni.getStorageSync("isHuiyuan")
				if (type == '0') {
					this.mod = type;
					this.shaixuan = "智能筛选"
					//this.queren('shaixuan')
				} else if (type == '1') {
					if (this.isAllowed) {
						this.mod = type;
						this.shaixuan = "精选筛选"
						//this.queren('shaixuan')
					} else {
						this.huiyuanPopup_open()
						// this.$refs['popupRef4'].close()
					}
				}
			},
			huiyuanPopup_open() {
				this.$refs['huiyuanPopup'].open()
			},
			huiyuanPopup_close() {
				this.$refs['huiyuanPopup'].close()
			},
			jiesuoqx() {
				uni.navigateTo({
					url: '/pages/user/huiyuan/payment'
				})
			},
			checktag(type, value) {
				this.tag = type;
				this.shaixuanfanwei = value
				this.isHeight = true;
				this.titleActived3 = true;
				this.$refs['popupRef3'].close();
				this.refreshBefore = true
				this.getList("pulldown")
			},
			isInArray(arr, value) {
				for (var i = 0; i < arr.length; i++) {
					if (value === arr[i]) {
						return true;
					}
				}
				return false;
			},
			toggleCheckbox3(index) {
				this.$refs.listCheckbox3[index].toggle()
			},
			resetbutton(type) {
				if (type == "diqu")
					this.diquchange();
				else if (type == "leixing")
					this.newstype = ['9999'];
				else if (type == "shijian") {
					for (let i = 0; i < this.selectTimeList.length; i++) {
						this.selectTimeList[i].inverted = true;
					}
					this.selectTimeList[0].inverted = false;
					this.time = this.selectTimeList[0].value;
				} else if (type == "shaixuan")
					this.mod = 0;
			},
			queren(type) {
				if (type == "diqu") {
					var tempdiqu = this.newsdiqu;
					var tempareacode = this.areacodeArray;
					this.areacodeArray = [];
					if (this.currCheckedArea && this.currCheckedArea.length > 0) {
						this.newsdiqu = [];
						for (var i = 0; i < this.currCheckedArea.length; i++) {
							//拼接地区code，方便后台查询
							if (this.currCheckedArea[i].isall) {
								if (this.currCheckedArea[i].region_id.length == 6) {
									this.newsdiqu.push(this.regionJson[this.currCheckedArea[i].region_id].region_name);
									this.areacodeArray.push(this.currCheckedArea[i].region_id.substr(0, 2))
								}
							} else {
								if (this.currCheckedArea[i].child && this.currCheckedArea[i].child.length > 0) {
									this.currCheckedArea[i].child.forEach(item => {
										if (item.length == 6) {
											this.areacodeArray.push(item.substr(0, 4))
											this.newsdiqu.push(this.regionJson[this.currCheckedArea[i].region_id]
												.child[item].region_name)
										}

									})
								}
							}
							//console.log(this.areacodeArray)
						}
					} else {
						this.newsdiqu = ['全国'];
					}
					if (this.areacodeArray.length > 20) {
						this.newsdiqu = tempdiqu;
						this.areacodeArray = tempareacode;
						uni.showToast({
							title: '地区最多可选择20个！',
							icon: "none"
						});
						return false;
					}
					this.isHeight = true;
					this.titleActived2 = true;
					this.$refs['popupRef2'].close();

				} else if (type == "leixing") {
					this.isHeight = true;
					this.titleActived1 = true;
					this.$refs['popupRef1'].close()
				} else if (type == "shaixuan") {
					this.isHeight = true;
					this.titleActived4 = true;
					this.$refs['popupRef4'].close()
				}
				this.scrollTop = 0
				this.refreshBefore = true
				this.getList("pulldown");
			},

			getList(type) {
				let userInfo = uni.getStorageSync("userInfo")
				// console.log(userInfo)
				this.isHuiyuan = userInfo.isHuiyuan
				let _this = this
				uni.hideKeyboard();
				//type add 加载更多 refresh下拉刷新
				if (type === 'add') {
					if (this.status === "noMore") {
						return;
					}
					this.status = "loading";
				}
				if (type === 'refresh' || type === 'pulldown') {
					if (type == 'refresh') {
						this.status = 'loading';
					}
					// uni.showLoading({
					// 	title: '加载中...'
					// });
					uni.showNavigationBarLoading();
					this.pageindex = 1;
					this.nexttoken = '';


					setTimeout(() => {
						// 数据请求完成后隐藏加载框
						_this.refreshBefore = false
						uni.hideLoading();
					}, 500);
					//this.newsList = []; //刷新前清空数组
				}
				let data = this.initNewData();
				data.from = 4038;
				data.location = 4050;
				data.keywords = this.keywords;
				if (this.keywords != '')
					this.extent = 'description';
				data.extent = this.extent;
				data.pagesize = this.pagesize;
				data.page = this.pageindex;
				data.types = this.newstype.toString() == '9999' ? '' : this.newstype.toString();
				data.areas = this.newsdiqu.toString() == '全国' ? '' : this.newsdiqu.toString();
				data.time = this.time;
				data.mod = this.mod;
				data.tag = this.tag;
				data.nexttoken = this.nexttoken;
				data.areacode = this.areacodeArray.length > 0 ? this.areacodeArray.toString() : "";
				uni.request({
					url: this.baseConfig.serverURL + 'zhaobiao/SearchHandler.ashx',
					data: data,
					method: "POST",
					header: {
						"content-type": "application/x-www-form-urlencoded" //"application/json"
					},
					success: (res) => {
						console.log(res)
						uni.hideToast();
						let pullList = res.data.other2.list
						if (type == 'pulldown') {
							// let arr1 = this.newsList
							// let arr2 = pullList
							// const arr1Ids =arr1.map(item =>item.id)
							// const newArr = arr2.filter(item=>arr1Ids.indexOf(item.id) == -1)
							this.refreCount = res.data.other2.count
						}

						if (type === 'refresh') {
							this.newsList = []; //刷新前清空数组
						}

						if (res.statusCode == 200) {
							if (!res.data.ret) {
								uni.showToast({
									title: res.data.msg,
									icon: "none"
								});
								this.status = "noMore";
								uni.stopPullDownRefresh();
								uni.hideNavigationBarLoading(); //关闭加载动画
								return;
							} else {

								//获取成功，绑定
								let list = res.data.other2.list;
								// console.log(list)
								if (list == undefined || list == '' || list.length <= 0) {
									//this.status = "noMore";
									uni.stopPullDownRefresh();
									uni.hideNavigationBarLoading(); //关闭加载动画
									return;
								}
								if (res.data.other2.keywordarry != undefined && res.data.other2.keywordarry
									.length > 0) {
									this.keys = res.data.other2.keywordarry.toString().replace(/([()])/g,
										'\\$1');
								}
								this.nexttoken = res.data.other2.nexttoken;
								list.forEach(item => {
									item.time = commonjs.timeFrom2(item.time, 'yyyy-mm-dd');
									item.diquStr = item.city == '' || item.city == '跨' ? item.diqu :
										commonjs.diquStr(item.diqu, item.city)
									this.isAllowed = item.isAllowed
									if (type === 'pulldown') {
										let _that = this
										this.refreshBefore = false
										this.refreshAfter = true
										this.newsList = pullList;
										setTimeout(function() {
											_that.refreshAfter = false
										}, 3000);
									} else {
										this.newsList.push(item);
									}

								})


								this.status = "more";
								if (list.length < this.pagesize) {
									this.status = "noMore";
								} else {
									this.status = "loading";
								}
								this.pageindex++;
								uni.stopPullDownRefresh(); //得到数据后停止下拉刷新
								uni.hideNavigationBarLoading();
							}
						} else {
							uni.showToast({
								title: '获取信息失败！',
								icon: "none"
							});
						}
					},
					fail: (res) => {
						uni.showToast({
							title: '获取信息失败，可能已超时！',
							icon: "none"
						});
					}
				});
			},

			//是否是今天
			isToday(str) {
				return new Date().getTime() - new Date(str).getTime() < 86400000;
			},
			navToDetails(item) {

				this.clickedid.push(item.id);
				this.clickid = item.id
				let uri = encodeURIComponent(JSON.stringify(item));
				let key = encodeURIComponent(this.keys);
				switch (item.type) {
					case 3:
					case 10:
					case 11:
					case 12:
					case 13:
					case 14:
					case 98:
					case 99:
					case 90:
						clickedObj.pro.set(item.id);
						uni.navigateTo({
							url: '/pages/xiangmu/detail?ly=search&data=' + encodeURIComponent(uri) + '&keyword=' +
								encodeURIComponent(key)
						})
						break;
					default:
						clickedObj.bx.set(item.id)
						uni.navigateTo({
							url: '/pages/zhaobiao/detail?ly=search&data=' + encodeURIComponent(uri) + '&keyword=' +
								encodeURIComponent(key)
						})
						break;
				}
			},
			confirm() {
				this.getList("refresh");
			},

			searchClick() {
				this.refreshBefore = true
				this.getList("refresh");
			},
			//招标类型
			zhaobiaotypetostr(typeids) {
				var str = '';
				if (typeids != undefined && typeids != '') {
					var typelist = typeids.split(',');
					if (typelist.length > 0) {
						for (let i = 0; i < typelist.length; i++) {
							if (typelist[i] != '')
								str += data_newstype.typeidtostr(typelist[i]) + ','
						}
					}
					if (str != '')
						str = str.substring(0, str.lastIndexOf(','));
				}
				if (str == '')
					str = "全部信息"
				return str;
			},
			timeidtostr(type) {
				var str = '时间';
				switch (type) {
					case '0':
						str = '不限时间'
						break;
					case '7':
						str = '近一周'
						break;
					case '30':
						str = '近一月'
						break;
					case '90':
						str = '近三月'
						break;
					case '180':
						str = '近半年'
						break;
					case '365':
						str = '近一年'
						break;
				}
				return str;
			},
			toBack() {
				uni.navigateBack({
					delta: 1
				})
			},
			objToArr(obj) {
				const arr = Object.values(obj);
				let defaultIndex;
				let list = arr.map((item, index) => {
					return {
						region_id: item.region_id,
						region_name: item.region_name,
						child: item.child,
					};
				});
				if (defaultIndex !== undefined) {
					const temp = list[defaultIndex];
					list.splice(defaultIndex, 1);
					list.unshift(temp);
				}
				return list;
			},

			searchByCompleteKeyWord(keyword) {
				this.keywords = keyword;
				this.AutocompleteList = [];
				this.searchClick();
			},
			Autocomplete() {
				this.isHeight = true;
				this.getAutocompleteList(this.keywords)
			}
		}


	}
</script>

<style lang='scss'>
	@import "@/static/css/commonList.scss";
	@import "@/static/css/custom/choose.scss";

	page,
	.content {
		background-color: #FAFAFA;
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.status-bar {
		/* 打孔屏顶部状态栏为了防止遮挡调成了80,原先是50 */
		background-color: #1B18F7;
		/* height: 90rpx; */
	}

	.search-header {
		display: flex;
		flex-direction: row;
		align-items: center;
		background-color: #1B18F7;
		padding: 20rpx 30rpx 20rpx;
	}

	.Information-title-search {
		font-size: 30rpx;
		padding: 30rpx 0rpx;
		text-align: center;
	}

	.Information-tabtext-item {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 30rpx;
		font-size: 28rpx;
	}

	.search-box {
		background-color: rgba(255, 255, 255, 0.25);
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		padding-left: 20rpx;
		border-radius: 81rpx;
		width: 100%;
		margin-left: 20rpx;
		height: 81rpx;
		position: relative;

		.search-input {
			font-size: 28rpx;
			color: #fff;
			margin-left: 30rpx;
			width: 100%;
		}

		/* .search-logo {
			width: 143rpx;
			height: 26rpx;
			margin-right: 15rpx;
		} */
		.search-btn {
			font-size: 28rpx;
			color: #FFFFFF;
			width: 150rpx;
			text-align: center;

		}
	}

	/* 顶部tabbar */
	.nav-bar {
		position: relative;
		z-index: 10;
		height: 90upx;
		white-space: nowrap;
		background-color: #2f69e0;

		.nav-item {
			display: inline-block;
			width: 150upx;
			height: 90upx;
			text-align: center;
			line-height: 90upx;
			font-size: 30upx;
			color: #fff;
			position: relative;

			&:after {
				content: '';
				width: 0;
				height: 0;
				border-bottom: 4upx solid #fff;
				position: absolute;
				left: 50%;
				bottom: 0;
				transform: translateX(-50%);
				transition: .3s;
			}
		}

		.current {
			color: #fff;

			&:after {
				width: 50%;
			}
		}
	}

	.swiper-box {
		height: 100%;
	}

	.panel-scroll-box {
		height: 100%;

		.panel-item {
			background: #fff;
			padding: 30px 0;
			border-bottom: 2px solid #000;
		}
	}

	.information-btn2 {
		margin-top: 10px;
	}



	.shengjiFix {
		position: fixed;
		bottom: 100rpx;
		left: 6%;
		z-index: 999;

		image {
			width: 163rpx;
			height: 145rpx;
		}
	}

	.backTop {
		position: fixed;
		bottom: 100rpx;
		right: 6%;
		z-index: 999;

		image {
			width: 94rpx;
			height: 92rpx;
		}
	}

	.fufeidiqu {
		position: fixed;
		bottom: 230rpx;
		right: 6%;
		z-index: 999;
		width: 92rpx;
		padding: 10rpx;
		height: 92rpx;
		border-radius: 92rpx;
		background-color: #fa6551;
		box-sizing: border-box;
		color: #fff;
		box-shadow: 0 0 16rpx rgba($color: #ffbeb7, $alpha: 0.75);
		font-size: 26rpx;
		text-align: center;
		line-height: 35rpx;

	}

	.xmlist-tag {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;

		.xmlist-tag-item {
			padding: 10rpx;
			font-size: 24rpx;
			background-color: #eff0f5;
			color: #5f6b93;
			border-radius: 8rpx;
			margin-right: 10rpx;
		}

		.xmlist-tag-item-gj {
			background-color: #eaf2ff;
			color: #306ae0;
		}
	}

	.xmlist-bottom {
		margin-top: 20rpx;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		border-top: 1px solid #efefef;
		padding-top: 20rpx;

		.xmlist-area {
			color: #a4a4a4;
			font-size: 28rpx;
			display: flex;
			flex-direction: row;
			align-items: center;
			margin-right: 20rpx;

			image {
				width: 40rpx;
				height: 39rpx;
				margin-right: 10rpx;
			}
		}
	}

	.searchFilter {
		display: flex;
		flex-direction: column;
		width: 100%;
		position: relative;
		background-color: #FAFAFA;

		.Filter-tab {
			display: flex;
			flex-direction: row;
			align-items: center;
			background-color: #fff;
			height: 90rpx;
			box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(169, 169, 169, 0.12);
			border-radius: 8rpx;
			margin: 20rpx;

			.Filter-tab_item {
				width: 25%;
				display: flex;
				flex-direction: row;
				font-size: 28rpx;
				align-items: center;
				justify-content: center;

				.Filter-text {
					white-space: nowrap;
					max-width: 64%;
					text-overflow: ellipsis;
					overflow: hidden;
				}

				.Filter-arrowdown {
					width: 0;
					height: 0;
					border-left: 10rpx solid transparent;
					border-right: 10rpx solid transparent;
					border-top: 10rpx solid #c0c0c0;
					margin-left: 10rpx;
				}
			}

			.on {
				color: #2f69e0;

				.Filter-arrowdown {
					border-top: 10rpx solid #2F69E0;
				}
			}
		}
	}



	.shaixType {
		background-color: #fff;

		.timeType-title {
			font-size: 30rpx;
			padding: 30rpx 30rpx;
			display: flex;
			flex-direction: row;
			align-items: center;
		}

		.shaix-list {
			font-size: 28rpx;
			padding: 0rpx 30rpx;
			background-color: #f6f6fa;
			border: 1rpx solid #f6f6fa;
			box-sizing: border-box;
			border-radius: 3px;
			margin-right: 5px;
			min-width: 150rpx;
			text-align: center;
			height: 70rpx;
			line-height: 70rpx;
			color: #3B3E45;
			box-sizing: border-box;
		}

		.shaixuancheck {
			color: #2F6DFE;
			background-color: #f3f6ff;
			border-width: 1px;
			border-style: solid;
			border-color: #2F6DFE;
		}
	}

	.timeType {
		background-color: #fff;

		.timeType-title {
			font-size: 30rpx;
			padding: 30rpx 30rpx;
			display: flex;
			flex-direction: row;
		}

		.timeType-item {
			display: flex;
			flex-direction: column;

			.timeType-bage {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				margin: 0 20rpx;

				.timeType-item-default {
					background-color: #f8f8fa;
					border-radius: 8rpx;
					width: 30%;
					height: 60rpx;
					display: flex;
					align-items: center;
					font-size: 24rpx;
					justify-content: center;
					color: #6b6b6b;
					margin: 15rpx 10rpx;
				}

				.timeType-item-active {
					background-color: #eaf2ff;
					color: #2f69e0;
				}

			}
		}
	}

	.search-top {
		position: fixed;
		z-index: 10;
		width: 100%;
	}

	.uni-list {
		position: relative;
		width: 100%;
	}

	.searchList-warp {
		position: relative;
		/* padding-top: 260rpx; */
		padding-top: 376rpx;
		min-height: 0;
		flex: 1;
	}

	.content_list {
		min-height: 0;
		flex: 1;
		overflow-y: auto;


	}

	.xmlist-tag {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		margin-top: 20rpx;

		.xmlist-tag-item {
			padding: 10rpx;
			font-size: 24rpx;
			background-color: #eff0f5;
			color: #5f6b93;
			border-radius: 8rpx;
			margin-right: 10rpx;
		}

		.xmlist-tag-item-gj {
			background-color: #eaf2ff;
			color: #306ae0;
		}
	}

	.xmlist-bottom {
		margin-top: 20rpx;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		border-top: 1px solid #efefef;
		padding-top: 20rpx;

		.xmlist-area {
			color: #a4a4a4;
			font-size: 28rpx;
			display: flex;
			flex-direction: row;
			align-items: center;
			margin-right: 20rpx;

			image {
				width: 40rpx;
				height: 39rpx;
				margin-right: 10rpx;
			}
		}
	}

	.searchFixed {
		position: fixed;
		top: 0rpx;
		width: 100%;
		z-index: 99;
		height: 100%;

	}

	.fixedHeight {
		height: auto;

	}

	.shaixuancheck {
		color: #2f69e0;
		background-color: #eaf2ff;
		border-width: 1px;
		border-style: solid;
		border-color: #eaf2ff;
	}

	.tabbar-item {
		font-size: 28rpx;

		&.active {
			background-color: #FFFFFF;
			color: #2d67e0;
		}

		&.current {
			color: #FF0000;
		}
	}

	.urban-list {
		margin: 0 10rpx 20rpx;
		border-radius: 3px;
		min-width: 28%;
		height: 50rpx;
		line-height: 50rpx;
		background-color: #f8f8f8;
		text-align: center;
		font-size: 28rpx;
		/* width: 28%; */
		color: #6b6b6b;
		box-sizing: border-box;

		&.active {
			color: #2f69e0;
			background-color: #eaf2ff;
		}

		&.urban-all {
			width: 70%;
			margin-top: 20rpx;
		}
	}

	.search-history {
		position: absolute;
		left: 13%;
		background-color: #FFFFFF;
		top: 50px;
		width: 83%;
		z-index: 999;
		border-radius: 10rpx;
		/* height: 398rpx; */
		max-height: 398rpx;
		overflow-y: scroll;
		padding-bottom: 20rpx;
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);

		.history-list {
			padding: 23rpx 30rpx;
			font-size: 28rpx;
			position: relative;
			display: block;

			&::after {
				content: '';
				position: absolute;
				left: 30rpx;
				right: 30rpx;
				height: 1px;
				bottom: 0;
				background-color: #EEEEEE;
			}
		}
	}

	.search-range {
		display: flex;
		flex-direction: row;
		padding: 20rpx 30rpx 6rpx;
		font-size: 30rpx;
		background: #fff;

		text {
			line-height: 56rpx;
		}

		.shaix-list {
			width: 140rpx;
			height: 56rpx;
			line-height: 56rpx;
			font-size: 26rpx;
			text-align: center;
			margin-left: 10rpx;
			border: 1rpx solid #ccc;
		}

		.shaixuancheck {
			background-color: transparent;
			border: 1rpx solid #2f69e0;
		}
	}

	.popup-layer {
		/* top:160rpx; */
	}

	.huiyuan_close {
		margin: 20rpx auto;

		.close-img {
			width: 63rpx;
			height: 63rpx;
			margin: 0 auto;
			display: block;
		}
	}

	/* 精准搜索 弹窗*/
	.jingzhunsousuo {
		width: 560rpx;
		/* height: 835rpx; */
		padding: 45rpx 20rpx 40rpx;
		margin: 0 auto;
		background: url(/static/img/search/jingzhunsousuo-bg.png) center no-repeat;
		background-size: 100% 100%;
	}

	.jzss-top {
		image {
			width: 452rpx;
		}

		view {
			width: 370rpx;
			height: 42rpx;
			line-height: 42rpx;
			margin-top: 16rpx;
			font-size: 24rpx;
			color: #fff;
			text-align: center;
			border: 1rpx solid rgba(255, 255, 255, 0.5);
			border-radius: 50rpx;
		}
	}

	.tequan-top {
		display: block;
		margin-top: 12rpx;
		line-height: 66rpx;
		padding: 0 22rpx;
		background: #D8ECFF;
		border-radius: 16rpx 16rpx 0 0;

		.title-img {
			width: 40rpx;
			margin: -4rpx 8rpx 0 0;
			vertical-align: middle;
		}

		text {
			font-size: 28rpx;
			color: #1B79D7;
		}
	}

	.tequan-list {
		padding-bottom: 8rpx;
		background: #ffffff;
		border-radius: 0 0 16rpx 16rpx;

		.tequan-item {
			display: flex;
			justify-content: flex-start;
			flex-direction: initial;
			padding: 0 24rpx 0 28rpx;

			image {
				margin-top: 16rpx;
				width: 88rpx;
				height: 88rpx;
			}
		}

		.tequan-infor {
			width: 440rpx;
			border-top: 1rpx solid #EFEFEF;
			padding: 18rpx 0;
			margin-left: 20rpx;

			&:first-child {
				border-top: 0;
			}

			.tequan-title1 {
				font-size: 32rpx;
				color: #323233;
				font-weight: bold;
				margin-top: 4rpx;
			}

			.tequan-title2 {
				margin-top: 6rpx;
				font-size: 24rpx;
				color: #646566;
			}
		}
	}

	.jzss-bottom {
		margin-top: 28rpx;

		.bottom_tips {
			font-size: 24rpx;
			color: #fff;
			text-align: center;
		}

		.bottom_btn {
			width: 568rpx;
			height: 80rpx;
			line-height: 80rpx;
			margin-top: 12rpx;
			font-size: 28rpx;
			color: #9A3E0D;
			text-align: center;
			background: linear-gradient(180deg, #FAF4DD 0%, #F8C97D 100%);
			border-radius: 140rpx;
		}
	}

	.moreShaixuan {
		display: flex;
		flex-direction: row;
		margin: 0 15px;

		.shaix-list {}
	}

	.searchPopup {
		width: 94%;
		left: 3%;
	}

	::v-deep .timeType-item .xinxileixing_tag {
		width: 150rpx;

		&.uni-tag--primary {
			border: 2rpx solid #2F6DFE;
			background-color: #f3f3ff;
			color: #2F6DFE;
		}

		&.primary-uni-tag--inverted {
			background: #f6f8fa;
			border-color: #f6f8fa;
			color: #3B3E45 !important;
		}
	}
	.danwei{
		display: flex;
		align-items: center;
		.zhaobiaoDw {
			max-width: 480rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			display: block;
		}
		.lxfs{
			margin-bottom:22rpx;
		}
	}
	.zhaobiaoDw {
		padding-bottom: 22rpx;
		font-size: 26rpx;
		color: #6C717E;
		display: flex;
		align-items: center;
		
	}

	.news-item {
		margin: 0 3% 20rpx;

		.xmgk {
			font-size: 26rpx;
			color: #F34C4C;
			padding-bottom: 20rpx;
		}
	}

	.news-media-list {
		&.hasVisited {

			.title,
			.zhaobiaoDw,
			.xmgk,
			.bot-text,
			.bot-time {
				color: #a1a1a1;
			}

			.bot-text.author {
				border: 1px solid #DEDEDE;
			}
		}

		.title {
			padding-bottom: 20rpx;
		}

	}

	.huiyuan_label {
		width: 108rpx;
		height: 30rpx;
		background: linear-gradient(86deg, #FB4114, #FE8532);
		border-radius: 12rpx 4rpx 12rpx 4rpx;
		font-weight: 800;
		font-size: 20rpx;
		color: #FFFFFF;
		line-height: 30rpx;
		text-align: center;
		display: inline-block;
		margin-left: 19rpx;
	}

	.back-top_box {
		width: 80rpx;
		height: 80rpx;
		background-color: #e1e1e1;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 80rpx;
	}

	.back-top_fixed {
		position: fixed;
		right: 20rpx;
		bottom: 20%;
	}

	.nullWrap {
		padding-top: 50rpx;
		text-align: center;
		font-size: 26rpx;
		color: #666666;
	}

	.refresh-box {
		text-align: center;
		margin-bottom: 20rpx;
	}

	.refresh-text {
		font-size: 28rpx;
		color: #2F6DFE;
	}

	.infor-title {
		display: inline;
	}

	.news-item {
		.title {
			position: relative;
		}

		.fujian-pos1 {
			position: absolute;
			top: 56rpx;
			right: 0;
		}

		.fujian-pos2 {
			position: absolute;
			right: 0;
			top: 5rpx;
		}
	}
	.lxfs{
			color: #FE6B2F;
			font-size: 24rpx;
			border: 1px solid #FFF1EB;
			border-radius: 4rpx;
			background-color: #FFF1EB;
			margin-left: 30rpx;
			height: 40rpx;
			text-align: center;
			line-height: 40rpx;
			padding: 0 10rpx;
		
	}
</style>
<!-- 标书代写 -->
<!-- background: linear-gradient(0deg, #EE8014, #FBD924); -->
<!-- 采乐会 -->
<!-- background: linear-gradient(0deg, #B34212, #EB772E); -->
<!-- 招投标大数据 -->
<!-- 资质通 -->
<!-- 1、电话咨询 background: linear-gradient(0deg, #FE7139, #FE965C); 2、申请办理 background: linear-gradient(0deg, #396BF9, #769BFE);-->